<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0213tmp-dialog" ng-init="init();">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0213.opdetail.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div id="kmi-img-content">
            <img id="kmi-img-panel" ng-src="{{dialog.image_url}}">
            <div class="img-toolbar">
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="dialog.zoom_in();">
                    <img src="image/icons/add.png"></img>
                </button>
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="dialog.zoom_out();">
                    <img src="image/icons/remove.png"></img>
                </button>
            </div>
        </div>
        <div class="kmi-layout-page">
            <div class="kmi-list ">
                <div class="kmi-list__header">
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="op_no_filter">
                            <i class="material-icons search" style="z-index:1;" ng-click="op_no_filter = true">search</i>
                            <label ng-bind="'B0213.opdetail.list.column1' | translate"></label>
                            <i class="material-icons">{{!op_no_oderBy?'&#xE5D8;':'&#xE5DB;'}}</i>
                            <div class="kmi-can-click" ng-click="op_no_oderBy = !op_no_oderBy"></div>
                        </div>
                        <div class="filter" ng-show="op_no_filter">
                            <input ng-model="op_no_filter_s">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 0px;" ng-show="op_no_filter"
                               ng-click="op_no_filter = false;op_no_filter_s=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls" style="flex:1;">
                        <div class="order" ng-hide="op_name_filter">
                            <i class="material-icons search" style="z-index:1;" ng-click="op_name_filter = true">search</i>
                            <label ng-bind="'B0213.opdetail.list.column2' | translate"></label>
                        </div>
                        <div class="filter" ng-show="op_name_filter">
                            <input ng-model="op_name_filter_s">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 0px;" ng-show="op_name_filter"
                               ng-click="op_name_filter = false;op_name_filter_s=''">clear</i>
                        </div>
                    </div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-class="{'is-select': item.op_no == dialog.selectItem.op_no}" ng-dblclick="dialog.dbclickItem(item)"
                         ng-repeat="item in dialog.reworkInfoList | filter : { op_no : op_no_filter_s ,op_name : op_name_filter_s} | orderBy : 'order' track by $index">
                        <div class="kmi-list__column column-border" style="flex:1;"  ng-bind="item.op_no"></div>
                        <div class="kmi-list__column " style="flex:1;" ng-bind="item.op_name"></div>
                        <div class="kmi-can-click" ng-click="dialog.clickItem(item)"></div>
                    </div>
                </div>
            </div>
            <!--
            <div class="btn-content" style="display: flex;flex-direction: row;justify-content: flex-end;padding: 8px 0 4px;">
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate" class="ng-binding">確定</label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        -->
        </div>
    </div>
